<template>
  <section class="service-one" id="features">
    <div class="container">
      <div class="block-title text-center">
        <h2 class="block-title__title">
          特点与优势
        </h2>
        <!-- /.block-title__title -->
      </div>
      <!-- /.block-title -->
      <div class="row">
        <div
          class="col-lg-4 wow fadeInUp"
          data-wow-duration="1500ms"
        >
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-laptop"></i>
              <h3>
                <a href="#">自由布局</a
                >
              </h3>
              <p>
                可设置画布大小，使用标尺基准线，<br />
                组件之间可自动吸附布局，做到整齐划一
              </p>
              <a href="#" class="service-one__link"
                ><i class="dimon-icon-right-arrow"></i
              ></a>
            </div>
            <!-- /.service-one__inner -->
          </div>
          <!-- /.service-one__single -->
        </div>
        <!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div
          class="col-lg-4 wow fadeInDown"
          data-wow-duration="1500ms"
        >
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-presentation"></i>
              <h3>
                <a href="#">灵活控件</a>
              </h3>
              <p>
                大量可视化控件效果，自由拖拽操作 <br />
                支持自定义样式，自定义组件
              </p>
              <a href="#" class="service-one__link"
                ><i class="dimon-icon-right-arrow"></i
              ></a>
            </div>
            <!-- /.service-one__inner -->
          </div>
          <!-- /.service-one__single -->
        </div>
        <!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div
          class="col-lg-4 wow fadeInUp"
          data-wow-duration="1500ms"
        >
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-target"></i>
              <h3>
                <a href="#">可视化拖拽</a>
              </h3>
              <p>
                拖拽式自由布局，多种图表，控件任你摆放 <br />
                实时拖拽设计，所见所得
              </p>
              <a href="#" class="service-one__link"
                ><i class="dimon-icon-right-arrow"></i
              ></a>
            </div>
            <!-- /.service-one__inner -->
          </div>
          <!-- /.service-one__single -->
        </div>
        <!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div
          class="col-lg-4 wow fadeInDown"
          data-wow-duration="1500ms"
        >
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-visualization"></i>
              <h3>
                <a href="#">图表丰富</a>
              </h3>
              <p>
                数十种可视化图表组件，满足各类的业务分析需求<br />
                偏好，为您提供全面的数据可视化支撑
              </p>
              <a href="#" class="service-one__link"
                ><i class="dimon-icon-right-arrow"></i
              ></a>
            </div>
            <!-- /.service-one__inner -->
          </div>
          <!-- /.service-one__single -->
        </div>
        <!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div
          class="col-lg-4 wow fadeInDown"
          data-wow-duration="1500ms"
        >
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-visualization"></i>
              <h3>
                <a href="#">动态数据源</a>
              </h3>
              <p>
                支持多种数据源连接，对数据分析和 <br />
                展示提供多维度的灵活的数据能力
              </p>
              <a href="#" class="service-one__link"
                ><i class="dimon-icon-right-arrow"></i
              ></a>
            </div>
            <!-- /.service-one__inner -->
          </div>
          <!-- /.service-one__single -->
        </div>
        <!-- /.col-lg-3 col-md-6 col-sm-12 -->
        <div
          class="col-lg-4 wow fadeInDown"
          data-wow-duration="1500ms"
        >
          <div class="service-one__single text-center">
            <div class="service-one__inner">
              <i class="service-one__icon dimon-icon-visualization"></i>
              <h3>
                <a href="#">联动钻取</a>
              </h3>
              <p>
                便于多维数据分析，组件之间可进行联动钻取绑<br />
                定，维度层次发生变化时，从而变换分析的粒度。
              </p>
              <a href="#" class="service-one__link"
                ><i class="dimon-icon-right-arrow"></i
              ></a>
            </div>
            <!-- /.service-one__inner -->
          </div>
          <!-- /.service-one__single -->
        </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
</template>

<script>
export default {
  name: "Featires",
};
</script>

<style scoped>
</style>
